<template>
  <div id="drag">
    <div class="drag-btn"><img :src="btn" width="100%"></div>
    <slideshow></slideshow>
    <notice></notice>
  </div>
</template>

<script>
import btn from '../../assets/images/向下.png'
import Slideshow from './Slideshow'
import Notice from './Notice'
export default {
  name: 'drag',
  data () {
    return {
      btn: btn
    }
  },
  components: {
    'slideshow': Slideshow,
    'notice': Notice
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
#drag{
  height:auto;
  width:100%;
  position: relative;
  top: 150px;
}
</style>
